﻿@import url('../../StyleSheets/HaiQuanQuangNam.css');

HTML, Body {
		background-color: #FFFFFF;
}

td {
		font-size: 8pt;
}

hr {
		background-color: #C0C0C0;
		color: #C0C0C0;
}
.MessageBoxCaption
{
	background-color: #36505d;
	color: White;
}

.LeftPane, .VirtualLeftPane 
{
	background-color: #f1f1f3;
	border-right: solid 1px #c0c0c0;
}

.RightPane, .VirtualRightPane 
{
	background-color: #f1f1f3;
	border-left: solid 1px #c0c0c0;
}

.ContentPane {
		background-color: #FFFFFF;
}

.Separator {}

.ModalPopup {
	background-color: #ffffff;
	border-color: #C0C0C0;
}

.ModalBackground {
		background-color: #000000;
}

.HorizontalMenu {}

.HorizontalMenuGroup {}

.HorizontalMenuItem {
		color: #FFFFFF;
}

.HorizontalMenuItem:link {}

.HorizontalMenuItem:hover {
		color: Orange;
}
.VerticalMenu 
{
	border:0px solid #e0e0e0;
	font-family: Arial;
	text-align:left;
	background-color: White;
}

.VerticalMenuGroup 
{
	background-color: #36505d;
	color: #FFFFFF;
}

.VerticalMenuGroup a
{
	text-decoration: none;
	background-color: #36505d;
	color: #FFFFFF;
}

.VerticalMenuGroup a:hover
{
	color: Orange;
}

.VerticalMenuItem {}

.VerticalMenuItem:link {
		
	font-family: Arial;
	text-decoration:none;	/* No underline */
	color:#000;	/* Black text color */
	font-weight: bold;
	font-size: 9pt;	
	vertical-align:middle;	/* Align text in the middle */
	background-color:#f1f1f3;	/* Light blue background color */
	margin:1px;	/* A little bit of air */
	padding:6px;	/* Air between border and text inside */
	display:block;		
}

.VerticalMenuItem:visited {
		color: #36505d;
}

.VerticalMenuItem:hover {
	color:#FFF;
	background-color:Orange;
}

.ModuleTitle 
{
	background-color: #36505d;
	color: White;
}

.VirtualModuleTitle {}

#LoginTab {
		color: #FFFFFF;
}

#LoginTab a {
		color: #FFFFFF;
}

#LoginTab span {
		color: #FFFFFF;
}

#LoginTab a:hover {
		color: #36505d;
}

.SiteLink {
		color: #36505d;
}

.SiteLink:hover {
		text-decoration:underline;
		
}
.SiteLink:visited {
		 color: #6d0357;
}

.Title, .Header, .SubHead 
{
	
		color: #36505d;
}
.Title:visited 
{
    color: #6d0357;
}

.Header
{
  font-size: 12pt;
}

.SubTitle {
		color: Gray;
}

.Description {
		font-size: 10pt;
}

.Button, .LinkButton, .SmallButton {
		background-color: #F1F1F3;
		border: 1px solid #C0C0C0;
		color: #36505d;
}

.TextBox, select {
		border: solid 1px #C0C0C0;
		color: #36505d;
}

.ReadOnlyTextBox, .watermarked {
		background-color: #FFFFC0;
		border: solid 1px #C0C0C0;
		color: #36505d;
}

.MultiLineTextBox {
		color: #0E4380;
}

.Panel 
{
	border-color: #C0C0C0;
}
.PanelWithBg
{
	background-color: #FAFAFA;
	border-color: #C0C0C0;
}

.LeftColumn {
		color: #36505d;
}

.RightColumn {
}

.icon {}

.Grid 
{
		border-color: #c0c0c0;
}

.Grid td {
		border-color: #c0c0c0;
}

.GridItem {
		background-color: #FAFAFA;
		color: Black;
}

.GridSelected td {
		background-color: #FFFFC0;
		color: Black;
		font-weight: bold;
}

.GridAlternatingItem {
		background-color: #F3F3F3;
		color: Black;
}

.GridHeader, .EmptyData 
{
	background-color: #d8d6d8;
	color: #002744;
	font-weight: bold;		
}

.GridHeader th 
{
	border-color: #c0c0c0;
	padding:6px;
}

.GridPager
{
}

.DetailViewHeader {
	background-color: #BBD3F2;
	border-color: #8AAFE1;
	color: #0E4380;
}

.DetailViewHeader th {
		border-color: #8AAFE1;
}

.DetailView {
		border-color: #8AAFE1;
		color: Black;
}

.DetailView td {
		border-color: #8AAFE1;
}

.HintPanel {
		border-color: Orange;
}

.Panel {
		border-color: #8AAFE1;
}

.PanelContentHeader {
		background-color: #c1d9ff;
		border-left: solid 1px #8AAFE1;
		border-right: solid 1px #8AAFE1;
}

.PanelContentHeader td {}

.PanelTabContentHeader {
		background-color: #c1d9ff;
}

.PanelTabContentFooter {
		background-color: #c1d9ff;
		height: 24px;
}

.PanelHeader {
		background-color: #BBD3F2;
}

.PanelHeaderNoLeft {
		background-color: #c1d9ff;
}

.PanelHeaderNoRight {
		background-color: #c1d9ff;
}

.PanelHeader td {}

.PanelHeaderNoLeft td {}

.PanelHeaderNoRight td {}

.PanelFooter {
		background-color: #c1d9ff;
}




/* fieldset, legend */
fieldset
{
	background-color: #FAFAFA;
	border-color: #C0C0C0;
}

legend
{
	color: #36505d;
	background-color: #F1F1F3;
	border-style: solid;
	border-width: 1px;
	border-color: #C0C0C0;
}




/* Drop down menu */
#sddm
{	

	margin:0;
	padding: 0;
	padding-left:6px;
	z-index: 30;
}

#sddm li
{	
	
	margin: 1px 0px 0px 1px;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px Tahoma;
}

#sddm li a
{	display: block;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none
}

#sddm li a:hover
{	
	color: Orange;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-top: 6px;
	padding: 0;
	background: #F1F1F3;
	border: 1px solid #FFFFFF;
	z-index:99999;
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	
	width:auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background-color: #F1F1F3;
	color: #000000;	
	font: 11px Tahoma;
	font-weight:bold;
}

#sddm div a:hover
{
	color: Orange;	
	background-color:White;	
}
/*

/* Site Map */
#sitemap
{
}
#sitemap div
{
	font-weight: bold;
	margin: 1px 0px 0px 1px;
	padding: 3px;
	
}

#sitemap div a
{	
	font-size:10pt;
	text-decoration: none;
	color: #36505D;	
}
#sitemap div a:hover
{
	text-decoration:underline;
}

#sitemap span
{
	font-weight:normal;
	font-size: 8pt;
	padding: 3px;
}
#sitemap span a
{
	font-size:9pt;
	text-decoration: none;
	color: #36505D;	
}
#sitemap span a:hover
{
	text-decoration:underline;
}


/* Tree View */
#treeview
{
	
}
#treeview div
{
	font-weight: bold;
	margin: 1px 0px 0px 1px;
	padding: 2px;
	
}

#treeview div a
{	
	font-size: 9pt;
	text-decoration: none;
	color: #36505D;	
}
#treeview div a:hover
{
	text-decoration:underline;
}

#treeview span
{
	font-weight:normal;
	padding: 2px;
}
#treeview span a
{
	text-decoration: none;
	color: #36505D;	
}
#treeview span a:hover
{
	text-decoration:underline;
}

/* BEGIN: VisitorCount */
#VisitorCount span
{
	color: #FFF;
	font-weight: bold;	
	padding: 8px;
	vertical-align: middle;
}
/* END: VisitorCount */
.MenuLinkGroup
{
	background-color: #36505d;
	color: #FFFFFF;
}
.MenuLinkGroup a
{
	background-color: #36505d;
	color: #FFFFFF;
	text-decoration: none;
}